<!-- ############################# Ajax Page Container ############################# -->
<section id="page" data-title="Noisa - Ultimate Music Theme Home ver 2">

	<!-- ############################# Sections ############################# -->
	
	<!-- ############################# Intro ############################# -->
	<section class="intro-resize clearfix section border-bottom" style="background-image: url(placeholders/intro-image-1920x1080.jpg)">
		<!-- container -->
		<div class="container">
			<!-- ############ ticker ############ -->
			<div id="ticker-wrap">
				<ul id="ticker">
					<li>
						noisa<span class="color">.</span>
					</li>
					<li>
						Awesome DJ'S Crew
					</li>
					<li>
						We Love Bass Music
					</li>
				</ul>
			</div>
			<!-- /ticker -->
			<!-- ############ scroll arrows ############ -->
			<a id="scroll-arrows" class="smooth-scroll" href="#featured-section"><img src="img/scroll-arrows.png" alt="scroll down"></a>
		</div>
	</section>
	<!-- /intro -->

	<!-- ############################# Countdown ############################# -->
	<section class="countdown section">
		<div class="container">
			<h5 class="countdown-title">Heineken Music Hall, Warsaw, PL</h5>
			<!-- countdown -->
			<div class="countdown-wrap" data-event-date="2014/12/18 20:20:00">
				<div class="days" data-label="Days">000</div>
				<div class="hours" data-label="Hours">00</div>
				<div class="minutes" data-label="Minutes">00</div>
				<div class="seconds" data-label="Seconds">00</div>
			</div>
			<!-- /countdown -->
		</div>
	</section>
	<!-- /countdown -->

	<!-- ############################# Featured Releases ############################# -->
	<section id="featured-section" class="featured-releases section border-top border-bottom" style="background-image: url(placeholders/featured-releases-bg.jpg)">
		<div class="container">
			<header class="section-header">
				<h2 class="section-title">Featured Releases</h2>
				<h5 class="section-sub-title">You can not miss these events</h5>
			</header>

			<!-- Releases -->
			<div id="featured-releases" class="owl-carousel carousel featured-releases-list">

				<!-- Release -->
				<div class="col-1-4 carousel-item featured-release">
					<!-- Thumbnail -->
					<a href="#!/pages/release-single" class="thumb-glitch release tip" data-thumbicon="plus">
						<span class="hoverlayer"></span>
						<span class="release-badge">new</span>
						<span class="img">
							<img src="placeholders/release-image01.jpg" alt="Release Image" />
						</span>
						<!-- tooltip -->
						<div class="tip-content hidden">
							<span>Load Details</span>
							Load and open release page.
						</div>
						<!-- /tooltip -->
					</a>
					<!-- /Thumbnail -->
					<!-- Release footer -->
					<div class="release-footer">
						<h2 class="release-title"><a href="#!/pages/release-single">Nothing Even Matters</a></h2>
						<span class="release-artists">DJ Nando</span>
					</div>
					<!-- /release footer -->
					<!-- Release social -->
					<div class="release-social">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
						<a href="javascript:;" class="googleplus-share floatright"><i class="icon icon-download"></i></a>
					</div>
					<!-- /release social -->
				</div>
				<!-- /release -->

				<!-- Release -->
				<div class="col-1-4 carousel-item featured-release">
					<!-- Thumbnail -->
					<a href="https://soundcloud.com/trapmusic/torture-by-jacuzzi-ft-mr" class="thumb-glitch release sp-play-track tip" data-thumbicon="soundcloud">
						<span class="hoverlayer"></span>
						<span class="release-badge">new</span>
						<span class="img">
							<img src="placeholders/release-image02.jpg" alt="Release Image" />
						</span>
						<span class="badge black player-badge-play">Play</span>
						<span class="badge black player-badge-pause">Pause</span>
						<!-- tooltip -->
						<div class="tip-content hidden">
							<span>Play Soundcloud</span>
							Add and play Soundcloud track in Scamp Player.
						</div>
						<!-- /tooltip -->
					</a>
					<!-- /Thumbnail -->
					<!-- Release footer -->
					<div class="release-footer">
						<h2 class="release-title"><a href="#!/pages/release-single">Strike Back!</a></h2>
						<span class="release-artists">DJ Nando, DJ John Doe</span>
					</div>
					<!-- Release social -->
					<div class="release-social">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
						<a href="javascript:;" class="googleplus-share floatright"><i class="icon icon-soundcloud"></i></a>
					</div>
					<!-- /release social -->
				</div>
				<!-- /release -->

				<!-- Release -->
				<div class="col-1-4 carousel-item featured-release">
					<!-- Thumbnail -->
					<a href="https://soundcloud.com/trapsounds" class="thumb-glitch release sp-play-track tip" data-thumbicon="soundcloud">
						<span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image03.jpg" alt="Release Image" />
						</span>
						<span class="badge black player-badge-play">Play</span>
						<span class="badge black player-badge-pause">Pause</span>
						<!-- tooltip -->
						<div class="tip-content hidden">
							<span>Play Soundcloud Group</span>
							Add and play Soundcloud Group in Scamp Player. Trap Sounds Yeah (50 Tracks)!
						</div>
						<!-- /tooltip -->
					</a>
					<!-- /Thumbnail -->
					<!-- Release footer -->
					<div class="release-footer">
						<h2 class="release-title"><a href="#!/pages/release-single">Speakerz Massive</a></h2>
						<span class="release-artists">NOISA</span>
					</div>
					<!-- /release footer -->
					<!-- Release social -->
					<div class="release-social">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
						<a href="javascript:;" class="googleplus-share floatright"><i class="icon icon-soundcloud"></i></a>
					</div>
					<!-- /release social -->
				</div>
				<!-- /release -->
				
				<!-- Release -->
				<div class="col-1-4 carousel-item featured-release">
					<!-- Thumbnail -->
					<a href="#!/pages/release-single" class="thumb-glitch release sp-play-list tip" data-thumbicon="headphones" data-id="dragon-fly">
						<span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image04.jpg" alt="Release Image" />
						</span>
						<span class="badge black player-badge-play">Play</span>
						<span class="badge black player-badge-pause">Pause</span>
						<!-- tooltip -->
						<div class="tip-content hidden">
							<span>Play Local MP3 Tracklist</span>
							<span>01 ADG3 Studios - Chucked Nuckles</span>
							<span>02 ADG3 Studios - Cloudlessdays</span>
							<span>03 ADG3 Studios - Core Issues</span>
							<span>04 ADG3 Studios - Electro Freak</span>

						</div>
						<!-- /tooltip -->
					</a>
					<!-- /Thumbnail -->
					<!-- Hidden playlist -->
					<ul id="dragon-fly" class="hidden">
						<li><a href="placeholders/mp3/adg3com_chuckedknuckles.mp3" data-cover="placeholders/release-image02.jpg" class="sp-play-track">ADG3 Studios - Chucked Nuckles</a></li>
			            <li><a href="placeholders/mp3/adg3com_cloudlessdays.mp3" data-cover="placeholders/release-image03.jpg" class="sp-play-track">ADG3 Studios - Cloudlessdays</a></li>
			            <li><a href="placeholders/mp3/adg3com_coreissues.mp3" data-cover="placeholders/release-image04.jpg" class="sp-play-track">ADG3 Studios - Core Issues</a></li>
			            <li><a href="placeholders/mp3/adg3com_electrofreak.mp3" data-cover="placeholders/release-image05.jpg" class="sp-play-track">ADG3 Studios - Electro Freak</a></li>
					</ul>
					<!-- /hidden playlist -->
					<!-- Release footer -->
					<div class="release-footer">
						<h2 class="release-title"><a href="#!/pages/release-single">Legacy of Bass</a></h2>
						<span class="release-artists">Obiekt ZERO</span>
					</div>
					<!-- /release footer -->
					<!-- Release social -->
					<div class="release-social">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
						<a href="javascript:;" class="googleplus-share floatright"><i class="icon icon-download"></i></a>
					</div>
					<!-- /release social -->
				</div>
				<!-- /release -->

				<!-- Release -->
				<div class="col-1-4 carousel-item featured-release">
					<!-- Thumbnail -->
					<a href="#!/pages/release-single" class="thumb-glitch release" data-thumbicon="plus">
						<span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image05.jpg" alt="Release Image" />
						</span>
					</a>
					<!-- /Thumbnail -->
					<!-- Release footer -->
					<div class="release-footer">
						<h2 class="release-title"><a href="#!/pages/release-single">Cell Teraphy</a></h2>
						<span class="release-artists">DJ Nando, NOISA</span>
					</div>
					<!-- /release footer -->
					<!-- Release social -->
					<div class="release-social">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
						<a href="javascript:;" class="googleplus-share floatright"><i class="icon icon-download"></i></a>
					</div>
					<!-- /release social -->
				</div>
				<!-- /release -->

			</div>
			<!-- /releases -->
			<div class="text-center"><a href="#!/pages/releases" class="by-ajax btn">View More</a></div>
		</div>
		<!-- /container -->
	</section>
	<!-- /featured releases -->
	

	<!-- ############################# Homepage about ############################# -->
	<section class="homepage-about section border-top" style="background-image: url(placeholders/homepage-footer-bg.jpg)">
		<!-- container -->
		<div class="container">
			
			<div class="col-1-2">
				<h1 class="heading-xl">Noisa</h1>
				<p class="intro-text caps">Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis.</p>
				<p class="intro-text">Etiam non turpis ac mi ornare cursus nec eu risus. Suspendisse vulputate libero ac dolor varius, nec sagittis quam imperdiet. Sed risus ante, gravida ac accumsan in, tempus quis lacus. Nulla ac tempus sem, non scelerisque nunc.  </p>
				<a class="stamp-button" href="javascript:;">Read more</a>

			</div>

		</div>
		<!-- /container -->
	</section>
	<!-- /section -->
	
	<!-- ############################# Newsletter ############################# -->
	<section id="newsletter">
		<!-- container -->
		<div class="container">
			<div class="newsletter-left">
				<span class="newsletter-icon"></span>
				<span class="newsletter-title">Newsletter</span>
			</div>
			<div class="newsletter-right">
				<!-- subscribe form -->
				<form action="#post" method="post" id="subscribe-form">
					<input type="email" name="subscribe_email" value="" id="subscribe-email" placeholder="Enter your email..." required>
					<input type="submit" value="+" class="large" id="subscribe-submit">
				</form>
				<!-- /subscribe form -->
			</div>
		</div>
		<!-- /container -->
	</section>
	<!-- /newsletter -->

</section>
<!-- /page -->